<template>
         <!-- //动态绑定一个类名 //有一个默认的类名btnClass  可以传进来一个类名cname -->
    <div :class="[btnClass,cname]">  
            <slot></slot>  
         
        </div>  
</template>

<style lang="scss" scoped>
@import "../css/element.scss" ;
.btn{
    @include btn ;
}

</style>

<script>
export default {
    props:{     //属性传递
      cname:{
          type:String ,   //类型String
          default:"",
      }

    },
    data(){
        return{
            btnClass: "btn" ,   //也可以直接在div上 写btn  这样后期维护好
            
        }
    }
    
}
</script>
